<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Vertical Navigation</title>
<style>
	ul.nav
	{		
		list-style-type:none;
		margin:0px;
		padding:0px;
		width: 8em;
		background-color:#8BD400;
		border: 1px solid #486B02;

	}
	
	ul.nav a
	{
		display:block;
		color: #2B3F00;
		text-decoration:none;
		border-top: 1px solid #E4FFD3;
		border-bottom: 1px solid #486B02;
		padding: 0.3em 1em;
				
	}
	ul.nav a:hover,
	ul.nav a:focus,
	ul.nav .selected a {
		color:#4EFFD3;
		background-color: #6DA203;
	}
</style>
</head>

<body>
	<ul class="nav">
    	<li><a href="home.html">Home</a></li>
        <li><a href="about.html">About Us</a></li>
        <li><a href="services.html">Our Services</a></li>
        <li><a href="work.html">Our Work</a></li>
        <li><a href="news.html">News</a></li>
        <li><a href="contact.html">Contact</a></li>
    </ul>
</body>
</html>
